<template>
  <div class="other">
    <div class="xian">
      <van-divider :style="{ color: '#989898', borderColor: '#f7f6f6', padding: '0 16px' }">
        其他登录方式
      </van-divider>
    </div>
    <ul>
      <li>
              <span>
                  <img src="../../img/wechrt.png" alt="">
              </span>
        <br>
        微信
      </li>
      <li>
              <span>
                <img src="../../img/qq.png" alt="">
              </span>
        <br>
        QQ
      </li>
      <li>
              <span>
                <img src="../../img/weibo.png" alt="">
              </span>
        <br>
        微博
      </li>
      <li>
              <span>
                 <img src="../../img/wangyi.png" alt="">
              </span>
        <br>
        网易邮箱
      </li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: "otherlogin"
    }
</script>

<style lang="scss">
  .other{
    width: 100%;
    position: absolute;
    bottom: 90px;
    ul{
      font-size: 0;
      li{
        font-size: 30px;
        color: #787778;
        text-align: center;
        display: inline-block;
        width: 25%;
        span{
          display: inline-block;
          width: 125px;
          height: 125px;
          text-align: center;
          border-radius: 50%;
          border: 2px solid #787778;
          margin-bottom: 30px;
          img{
            width: 70px;
            margin-top: 27.5px;
          }
        }
      }
    }

  }
</style>
